     * {
        margin: 0;
    }
    html, body {
        height: 100%;
    }
	body {
	padding: 20px;
	background: #312D29;
	font: normal .7em Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
}

/*Use with infotable id*/
#userform{
	font:normal 1.75em Tahoma, Arial, Helvetica, sans-serif;
}

table{

}

th{

}

td{

}

#wrappertable{
border-width:0px;
border-collapse:collapse;
}

#wrappertable th{
}

#wrappertable td{
vertical-align:top;
padding: 30px 0px 0px 0px;
}


/*Table format for forms (ex. new user registration form)*/
#infotable{
margin: 0 auto;
border-width:0px;
border-collapse:collapse;
}
#infotable th{

padding:10px 10px 10px 10px;
font:bold 1.25em Tahoma, Arial, Helvetica, sans-serif;
}
#infotable td{
padding: 10px 10px 10px 50px;
font:normal 1.25em Tahoma, Arial, Helvetica, sans-serif;
}

/*Basic file table.  No border, text-centered, horizontal listing.  Can work for users too*/
#filetable{
margin: 0 auto;
border-width:0px;
border-collapse:collapse;
}

#filetable th{
padding:10px 10px 10px 10px;
font:bold 1.25em Tahoma, Arial, Helvetica, sans-serif;
}

#filetable td{
text-align:center;
padding: 10px 10px 10px 10px;
font:normal 1.25em Tahoma, Arial, Helvetica, sans-serif;
}


form {
	padding: 0;

}


h1, h2, h3 , h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #000000;
	font-size: 2.5em
}

p, blockquote, ol, ul {
	line-height: 160%;
}

a {
	color: #0653AD;
}

a:hover {
	text-decoration: none;
}

#header {
	float: left;
	width: 100%;
	height: 120px;
	background: url(images/blue_banner2.png);
}

#header h1 {
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	color:white;
}

#header h1 {
	float: left;
	padding: 50px 0 0 20px;
	letter-spacing: -3px;
	font-size: 48px;
}



    .wrapper {
	clear:both;
        min-height: 100%;
       height: auto !important;
       height: 100%;
       padding: 0 auto -4em;
	   background-color:white;
   }
   
   /*All content goes in the mainpanel*/
   #mainpanel {
	/*margin-right: 15px;*/
	float: middle;
       text-align: center;
	padding-right: 20px auto;
	

}
#mainpanel p{
padding-left:55px;
font: normal 1.75em Tahoma, Arial, Helvetica, sans-serif;
}

.main {
	
}

.main .title {
	padding: 0px 0px 20px 30px;
	font: normal 2em Tahoma, Arial, Helvetica, sans-serif;
}

/*Option "buttons"*/
#sidebar{
	float: left;
	width: 200px;
	height: 100%;
	padding: 0 0 10px 0;
	background: #8CCDFF;
}

/*Sidebar options*/
#menu {
}

#menu h2{
	padding: 8px 15px;
	background: #5E80BD url(images/img3.gif) no-repeat center bottom;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#menu ul {

	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	padding: 5px 15px;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	color: #000000;
}

#menu a:hover {
	background: #4A567A;
	color: #FFFFFF;
}

#menu .active a {
	background: #4A567A;
	color: #FFFFFF;
}

   .footer {
   clear:both;
      height: 4em;
	  border-top: 1px dotted #000000;
	font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
	color: #999999;
  }
.push {
      height: 4em;
	  }